import React, { Component } from 'react';
import styles from './style.scss';

import Button from '../../components/Button';
import Radio, { RadioGroup } from '../../components/Radio';
import Checkbox, { CheckboxGroup } from '../../components/Checkbox';
import message from '../../components/Message';
import Notice from '../../components/Notice';
import Tooltips from '../../components/Tooltips';
import DatePickers from '../../components/DatePickers';
import TreeSelects from '../../components/TreeSelects';
import Selects from '../../components/Selects';
import Input from '../../components/Input'
import Modals from '@components/Modals'

export default class Home extends Component {

    constructor(props) {
        super(props);

        document.title = '主页';
    }

    onClick = e => {

        this.props.history.push('/home');

    };

    render() {
        return (
            <div className={styles.container}>
                <div>
                    <div className={`${styles.item} ${styles.bg1}`}>
                        <div className={styles.title}>投资渝北</div>
                        <div className={styles.desc}>统一对外宣传推介“形象窗口”，与“投资重庆”官网同步更新</div>
                        <div className={styles.btn}>点击进入</div>
                    </div>
                    <div className={`${styles.item} ${styles.bg2}`}>
                        <div className={styles.title}>产业地图</div>
                        <div className={styles.desc}>产业规划一图指引，产业发展一图布局，促进产业升级和聚焦发展</div>
                        <div className={styles.btn}>点击进入</div>
                    </div>
                </div>
                <div>
                    <div className={`${styles.item} ${styles.bg3}`}>
                        <div className={styles.title}>项目计划管理</div>
                        <div className={styles.desc}>招商投促项目“一个平台”录入，调度管理、考核评价等“一套系统”管理</div>
                        <div className={styles.btn}>点击进入</div>
                    </div>
                    <div className={`${styles.item} ${styles.bg4}`}>
                        <div className={styles.title}>政策在线</div>
                        <div className={styles.desc}>提供跨行业跨部门政策集成服务，让政策可及、可读、可得</div>
                        <div className={styles.btn}>点击进入</div>
                    </div>
                    <div className={`${styles.item} ${styles.bg5}`}>
                        <div className={styles.title}>精准拓客</div>
                        <div className={styles.desc}>汇集全国企业资源，及时获取潜在客户，实时监测企业信息、新闻舆论</div>
                        <div className={styles.btn} onClick={this.onClick}>点击进入</div>
                    </div>
                </div>
            </div>
        );
    }
}